<%--
  Created by IntelliJ IDEA.
  User: 李烨卿
  Date: 2018/4/24
  Time: 16:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>

    <script type="text/javascript"  src="./jquery/jquery.min.js"></script>
    <!-- 表格 -->
    <link rel="stylesheet"	href="./bootstrap/bootstrap-table/dist/bootstrap-table.min.css">
    <script type="text/javascript"	src="./bootstrap/bootstrap-table/dist/bootstrap-table.min.js"></script>
    <!-- 汉化分页 -->
    <script type="text/javascript"	src="./bootstrap/bootstrap-table/dist/locale/bootstrap-table-zh-CN.min.js"></script>


</head>
<body>


<!-- 表格 -->
<table id="table2" ></table>


<script type="text/javascript">

    $('#table2').bootstrapTable({
        url: 'http://localhost:8680/app/balance/querybalance',
        method:"GET",
        dataType:'json',
        contentType:'application/json',
        striped: true,//设置为 true 会有隔行变色效果
        undefinedText: "空",//当数据为 undefined 时显示的字符
        pagination: false, //分页
        pageNumber: 1,//如果设置了分页，首页页码
        pageSize: 8,//如果设置了分页，页面数据条数
        pageList: [2, 4, 6, 8],  //如果设置了分页，设置可供选择的页面数据条数。设置为All 则显示所有记录。
        paginationPreText: '‹㊧',//指定分页条中上一页按钮的图标或文字,这里是<
        paginationNextText: '㊨›',//指定分页条中下一页按钮的图标或文字,这里是>
        data_local: "zh-US",//表格汉化
        sidePagination: "server", //服务端处理分页
        columns: [{
            checkbox: true,
            visible: true                  //是否显示复选框
        },{
            field: 'balance',
            title: '余额'

        },{
            field: 'balance',
            title: '积分',

        }
        ]
    });
/**/
</script>


</body>
</html>
